@include('header') 
<!-- self_info -->
<link rel="stylesheet" href="/style/home/css/layer.css">
<style>
    .all{
        width: 990px;
        margin: 0 auto;
        height:auto; 
    }
    table{
        width: 100%;
        background: #f2f7ff; 
    }
    thead tr td{
        width: 20%;
        text-align: center; 
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-bottom: 3px solid #b2d1ff; 
        vertical-align: bottom;
        background: #f8f3ff; 
    }
    tbody tr td{
        width: 20%;
        text-align: center;
        font-size: 14px;
        color: #6c6c6c; 
    }
    .addr{
        margin-bottom: 30px;
    }
    .addAddr {
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-width: 0 1px;
        border-radius: 2px;
        background: url(//img.alicdn.com/tps/TB1kidkLXXXXXb4XVXXXXXXXXXX-1-600.png) 0 -380px repeat-x #f2f2fe;
        cursor: pointer;
        color: #333;
        height: 25px;
        line-height: 25px;
        font-weight: 700;
        text-decoration: none;
    }
    label{
        font-size: 14px; 
        display: inline-block;
        width: 70px;
        text-align: right;
    }
    .input_adr{
        padding:10px 0;
        background:#fafafa;
    }
    .btn{
        width: 100px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        color: #ffffff;
        background: #d14836;
        margin: 5px;
        border: 0px;
    }
</style> 
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script src="/js/jquery.citys.js"></script>
<script src="/js/layer.js"></script>
<div class="all">
    <div class="addr"> 
        <h4>请确认收获地址</h4>
        <input class="addAddr" type="button" value="添加收获地址" data-reactid=".0.$confirmOrder_1.$address_1.6.2" data-spm-anchor-id="a220l.1.0.i0.2eb57f33CC4Ouq">
    </div>
    <table>
        <option style="font-weight: bold;">确认订单信息</option>
        <thead>
            <tr>
                <td>名称</td>
                <td>图片</td>
                <td>单价</td>
                <td>数量</td>
                <td>小计</td>  
            </tr>
        </thead>
        <tbody>
            @foreach($order_info as $v)
            <tr>
                <td>{{$v->title}}</td>
                <td><img src="{{$v->img}}" width="130"/></td>
                <td>{{$v->price}}.00元</td>
                <td>{{$v->num}}个</td>
                <td>{{$v->num*$v->price}}.00元</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@include('foot')
<script>
//页面层 
$('.addAddr').click(function () {
    layer.open({
        type: 1,
        title: '添加收获地址',
        skin: 'layui-layer-rim', //加上边框
        area: ['500px', 'auto'], //宽高
        content: '<form action="/home/addr" method="post"><div style="padding:20px;">\n\
                  <div style="border: 1px solid #e5e5e5;">\n\
                  <div class="input_adr"><label>省：</label><input name="sheng" type="text" placeholder="请输入所在省份"></div>\n\
                  <input type="hidden" name="_token" value="{{ csrf_token()}}" />\n\
                  <div class="input_adr" ><label>市：</label><input name="shi" type="text"  placeholder="请输入所在市"></div>\n\
                  <div class="input_adr"><label>区：</label><input name="qu" type="text" placeholder="请输入所在市区" ></div>\n\
                  <div class="input_adr"><label>姓名：</label><input name="name" type="text" placeholder="请输入收件人姓名" ></div>\n\
                  <div class="input_adr"><label>电话：</label><input name="tel" type="text" placeholder="请输入收件人电话" ></div>\n\
                  <div class="input_adr"><label>email：</label><input name="email" type="text" placeholder="请输入收件人邮箱" ></div>\n\
                  <div class="input_adr"><label>详细地址：</label></div>\n\
                  <div class="input_adr" style="padding:10px 70px;"><textarea name="addrinfo" placeholder="请输入详细地址" style="width:335px;height:120px;resize:none;"></textarea></div>\n\
                  <div class="input_adr" style="text-align:center";><input class="btn" type="submit" value="提交"/></div>\n\
                  </div>\n\
                 </div style="padding:10px 0;"></form>'
    });
});
</script>